<template>
<h2>Child</h2>
<h3>mag:{{msg}}</h3>
<button @click="emitxxx">分发事件</button>
</template>

<script>
import {defineComponent} from 'vue'
export default defineComponent({
  name:'Child',
  props:['msg'],
  setup(props,context) {
    //   console.log('setup执行了',this);
    console.log(props.msg,context);
    console.log(context.attrs.msg1);
    function emitxxx() {
        context.emit('xxx','++')
    }
      return{
          //setup一般都是返回一个对象  对象中的属性和方法可以直接使用
          emitxxx
      }
  },
  /* beforeCreate() {
      console.log('beforeCreate执行了',this);
  }, */
//   mounted() {

//   }

})
</script>

<style lang="less" scoped>

</style>

